<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型</title>
    <link rel="stylesheet" type="text/css" href="../style/learn.css">
</head>
<body>
<div class="box">I use the standard box model.</div>
<div class="box alternate">I use the alternate box model.</div>

<div style="width: 340px;height: 50px">
    <p>
        I am a paragraph and this is a <span id="disPlaySpan">span</span> inside that paragraph. A span is an inline element and so does not respect width and height.
    </p>
</div>

<div style="width: 340px;height: 50px; margin-top: 60px;">
    <p>
        I am a paragraph and this is a <span id="disPlaySpan1">span</span> inside that paragraph. A span is an inline element and so does not respect width and height.
    </p>
</div>
</body>
</html>